<!DOCTYPE html>
<html>
<head>
<title>学生基本信息表</title>
<#include "/header.html" />
    <style>

        .masker {
            position: absolute;
            display:inline-block;
            left:50%;
            top:50%;
            transform: translate(-50%,-50%);
            width:100%;
            height:100%;
            background:rgba(0,0,0,0.2);
            z-index: 999;
        }

        .popupWin {
            position: absolute;
            display:inline-block;
            left:50%;
            top:50%;
            transform: translate(-50%,-50%);
            width:400px;
            height:300px;
            background:#fff;
            border-radius: 10px;
            z-index:1000;
        }

        .buttonDiv {
            width:100%;
            height:50px;
            position: absolute;
            bottom:0px;
        }

    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="masker"  v-show="visableWin" >
    </div>
    <div class="popupWin" v-show="visableWin" >
        <div class="col-sm-12 control-label">选择课程</div>
        <div class="col-sm-12">
            <label v-for="course in courseList" class="checkbox-inline">
                <input type="checkbox" name="courseCheckBox" :value="course.id" v-model="selectCoursList">{{course.mc}}
            </label>
        </div>
        <div class="buttonDiv" align="center" >
            <a class="btn btn-default" @click="sureSelectClass">确定</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a class="btn btn-default" @click="closeWin">关闭</a>
        </div>
    </div>
	<div v-show="showList">
		<div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="名称">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
			<#if shiro.hasPermission("jyxsjbxx:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("jyxsjbxx:update")>
            <a class="btn btn-modify" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("jyxsjbxx:delete")>
            <a class="btn btn-delete" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>

            <a class="btn btn-primary" @click="addClass"><i class="fa fa-trash-o"></i>&nbsp;批量选择课程</a>
			
			<a class="btn btn-modify" href="${request.contextPath}/statics/download/学生导入模板.xlsx"><i class="fa fa-download"></i>&nbsp;模板下载</a>
			
			<a class="btn btn-default" onclick="$('#uploadExcel').attr('style','display:inline')" type='file'><i class="fa fa-file-excel-o"></i>&nbsp;批量导入</a>
			<input id="uploadExcel"  style="display:none;" class='fileInput'  type='file'  onchange="fileupload(this)"> 
			
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
    <div v-show="!showList && !showUser" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="user.nickName" placeholder="姓名"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">性别</div>
                <div class="col-sm-10">
                    <input type="hidden" class="form-control" v-model="jyXsjbxx.xb" placeholder="性别"/>
                    <select class="form-control" v-model="jyXsjbxx.xb">
                        <option v-for="item in xb" v-bind:value="item.value">{{item.text}}</option>
                    </select>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">身份证号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.sfzh" placeholder="身份证号"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">户籍所在地</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.hjszd" placeholder="户籍所在地"/>
                </div>
            </div>
			 <div class="form-group">
                <div class="col-sm-2 control-label">户籍所在地详址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.hjszdxz" placeholder="户籍所在地详址"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">现住地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.xzdz" placeholder="现住地址"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">QQ号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.qqh" placeholder="QQ号"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">微信号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.wxh" placeholder="微信号"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">学号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.xh" placeholder="学号"/>
                </div>
            </div>
			<!--<div class="form-group">
                <div class="col-sm-2 control-label">学生头像</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.xstx" placeholder="学生头像"/>
                </div>
            </div>-->
			<div class="form-group">
                <div class="col-sm-2 control-label">备注</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jyXsjbxx.bz" placeholder="备注"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">所属部门</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" style="cursor:pointer;" v-model="user.deptName" @click="deptTree" readonly="readonly" placeholder="所属部门"/>
                </div>
            </div>
            <div class="form-group" v-if="!isEdit">
                <div class="col-sm-2 control-label">密码</div>
                <div class="col-sm-10">
                    <input type="password" class="form-control" v-model="user.password" placeholder="密码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">邮箱</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="user.email" placeholder="邮箱"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">手机号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="user.mobile" placeholder="手机号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">角色</div>
                <div class="col-sm-10">
                    <label v-for="role in roleList" class="checkbox-inline">
                        <input type="checkbox" :value="role.roleId"  v-if="role.roleId != '9c9f8a5d80f9469ca18483c72d6b9971'" disabled v-model="user.roleIdList">
                        <input type="checkbox" :value="role.roleId"  v-if="role.roleId == '9c9f8a5d80f9469ca18483c72d6b9971'" disabled v-model="user.roleIdList">{{role.roleName}}
                    </label>
                </div>
            </div>

            <div class="form-group" >
                <div class="col-sm-2 control-label">课程</div>
                <div class="col-sm-10">
                    <label v-for="course in courseList" class="checkbox-inline">
                        <input type="checkbox" name="courseCheckBox" :value="course.id" v-model="user.courseIdList">{{course.mc}}
                    </label>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">状态</div>
                <label class="radio-inline">
                    <input type="radio" name="status" value="0" v-model="user.status"/> 禁用
                </label>
                <label class="radio-inline">
                    <input type="radio" name="status" value="1" v-model="user.status"/> 正常
                </label>
            </div>
			<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>

</div>

<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
    <ul id="deptTree" class="ztree"></ul>
</div>
<script src="${request.contextPath}/statics/js/modules/jy/jyxsjbxx.js?_${.now?long}"></script>
</body>
</html>